<template>
<!--   <div class="page-content padding-top">
    <von-range v-model="volume" :min="min" :max="max" ></von-range>
    <p>{{volume}}</p>
  </div> -->
  
  <div>
    <div class="item item-borderless hl-item range range-assertive" von-range="">
    <div class="hairline-top"></div> 
    <div class="hairline-bottom"></div> 
    <span>0</span> 
    <input type="range" min="0" max="100"> 
    <span>100</span>
  </div>
    
  </div>
</template>
<script>
 // ...

  export default {
    data() {
      return {
        arr:[],
        brandJson:{},
        volume:10,
        min:0,
        max:100,
      }
    },
    created(){

    },
    methods: {
      selectItem(a,b){
        if(a){
          this.brandJson.modelId = a;
          this.brandJson.modelName = b;
          this.$bus.$emit('brandJson',this.brandJson);
        }else{
          this.$bus.$emit('brandJson',this.brandJson);
        }
        
      }
    }
  }
</script>
<style scoped>
  input{
    width: 100%;
    height: 60px;
  }
</style>

